<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>提成计算器</title>
		<link rel="stylesheet" href="./index.css" />
		<style></style>
	</head>
	<body>
		<div id="calculator">
			<div id="orders"></div>
			<div id="actions">
				<div class="rule"><p>【计算规则】</p></div>
				<button onclick="addOrder()">添加订单</button>
				<button onclick="calculateCommission()">计算提成</button>
				<div>
					<label>总提成</label>
					<text></text>
				</div>
				<input type="text" id="commission" placeholder="总提成" readonly />
			</div>
		</div>

		<div id="myModal" class="modal">
			<div class="modal-content">
				<span class="close">&times;</span>
				<table id="commissionTable"></table>
			</div>
		</div>

		<script src="./index.js"></script>
	</body>
</html>
